/* components/TileBar/TileBar.wxss */
.tile-bar {
  width: 100%;
  padding: 20rpx 0;
  border-bottom: 1px solid #ddd;

  .title {
    width: 100%;
    height: 64rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .text {
      font-size: 36rpx;
      font-weight: bold;
    }
  }

  .desc-img {
    width: 100%;
    display: flex;

    .desc {
      flex: 1;
      margin-right: 20rpx;
      box-sizing: border-box;

      .subtitle {
        width: 100%;
        height: 48rpx;
        line-height: 48rpx;
        font-size: 32rpx;
        font-weight: bold;
      }

      .content {
        font-size: 28rpx;
      }
    }

    .img {
      flex: 0 0 140rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      
      .img-pic {
        width: 140rpx;
        height: 140rpx;
        border-radius: 20rpx;
      }
    }
  }

  .info-fav {
    width: 100%;
    height: 60rpx;
    line-height: 60rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}